html {
    background: #02050c;
}

body {
    overflow: auto;
    background: url("../images/bg.jpg") no-repeat;
    width: 4352px;
    height: 1536px;
}

header.navContainer {
    width: 1520px;
    position: absolute;
    top: 75px;
    left: 1420px;
    display: flex;
    flex-direction: row;
    color: #fff;
    font-size: 38px;
    font-weight: bold;
    line-height: 90px;
    text-align: center;
    z-index: 999999;
}

header.navContainer > div {
    flex: 1;
    cursor: pointer;
}

.contentContainer {
    display: flex;
    height: 100%;
    padding: 0 28px 0 22px;
}

.contentContainer > section:nth-child(odd) {
    flex: 1;
}

.contentContainer > section:nth-child(even) {
    flex: 2;
}

.content {
    position: relative;
}

.contentTop {
    height: 930px;
}

.contentBottom {
    height: 606px;
}

.content > div {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.contentTitle {
    width: 300px;
    font-size: 35px;
}

.contentTop > .contentTitle {
    top: 85px;
}

.contentBottom > .contentTitle {
    top: 10px;
}

.contentButton {
    font-size: 30px;
    width: 191px;
    height: 73px;
    line-height: 85px;
    font-weight: bold;
    background-image: url('../images/bgButton.png');
}

.contentTop > .contentButton {
    bottom: 25px;
}

.contentBottom > .contentButton {
    bottom: 40px;
}

.section {
    width: 980px;
}

.contentTop > .section {
    top: 130px;
    height: 675px;
}

.contentBottom > .section {
    top: 50px;
    height: 420px;
}

.contentCenter {
    width: calc(100% - 100px);
    height: calc(100% - 350px);
    margin: 250px 50px 100px;
}

.rotateBackground {
    transform: rotate(180deg);
}

.rotateBackground > div {
    transform: rotate(180deg);
}
